.example .layui-footer,
.example .layui-header {
    line-height: 60px;
    text-align: center;
    color: white;
    height: 100px;
    background-image: url("./img/bjt.png");
    background-size: cover; /* 背景适应整个区域 */
    background-position: center; /* 居中显示背景 */
}

.example .layui-side {
    display: flex;
    background: #77c38c;
    align-items: center;
    justify-content: center;
    color: white;
}

.example .layui-body {
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin: 40px 20px;
}

.carouseldd {
    width: 92%;
    margin-top: 4%;
}

.header {
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    position: fixed; /* 固定顶部 */
    top: 0;
    left: 0;
    right: 0;
    z-index: 999; /* 确保在页面顶部 */
    height: 80px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 添加阴影 */
}
